.box {
  color: #fff;
  height: 100%;

  .title {
    height: 50px;
    background: #1142ac3d;
    display: flex;
    align-items: center;
    padding: 0 0 0 20px;
    font-size: 19px;
    font-weight: bolder;
  }

  .data-box {
    height: 100%;
    padding: 0 10px;

    .table-header {
      height: 40px;
      display: flex;
      align-items: center;
      color: #409eff;
      font-weight: bolder;

      .header-item:nth-child(1) {
        flex: 2;
      }

      .header-item:nth-child(2),
      .header-item:nth-child(3),
      .header-item:nth-child(6) {
        flex: 1;
        text-align: center;
      }

      .header-item:nth-child(4),
      .header-item:nth-child(5) {
        flex: 0.5;
        text-align: center;
      }
    }

    .item-box {
      overflow: hidden;
      height: calc(100% - 90px);

      .item {
        display: flex;
        align-items: center;

        p {
          margin: 15px 0 0;
          white-space: nowrap;
          overflow: hidden;
          // text-overflow: ellipsis;
          overflow-x: scroll;
          &::-webkit-scrollbar {
            /*滚动条整体样式*/
            width: 4px;
            /*高宽分别对应横竖滚动条的尺寸*/
            height: 4px;
          }

          &::-webkit-scrollbar-thumb {
            /*滚动条里面小方块*/
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
            background: rgb(109, 31, 255);
          }
        }

        p:nth-child(1) {
          flex: 2;
        }

        p:nth-child(2),
        p:nth-child(3),
        p:nth-child(4),
        p:nth-child(5),
        p:nth-child(6) {
          flex: 1;
          text-align: center;
        }

        p:nth-child(4),
        p:nth-child(5) {
          flex: 0.5;
          text-align: center;
        }
        p:nth-child(6) {
          flex: 1;
          text-align: center;
          &::-webkit-scrollbar {
            /*滚动条整体样式*/
            width: 4px;
            /*高宽分别对应横竖滚动条的尺寸*/
            height: 4px;
          }

          &::-webkit-scrollbar-thumb {
            /*滚动条里面小方块*/
            border-radius: 5px;
            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
            background: rgb(109, 31, 255);
          }

          &::-webkit-scrollbar-track {
            /*滚动条里面轨道*/
            // -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
            // border-radius: 0;
            // background: rgba(0, 0, 0, 0.1);
          }
        }
      }
    }

  }
}